<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>about</title>
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/style.css">
	<link rel="stylesheet" href="css/home.css">

</head>
<body>
<div class="header">
	<div class="header-inner">
		<img  class="circle" src="images/circle_03.gif">
	  <h1>
	  	<a href="#">
        <span style="color:rgb(216,69,0)">Eagles</span>
        <span style="color:rgb(247,247,247)">Troop</span>
        </a>
      </h1>
		<ul class="nav">
			<li><a href="#"><span style="color:rgb(204,36,0)">About</span></a></li>
			<li><a href="foundation.html">Foundation</a></li>
			<li><a href="pro.html">Program</a></li>
			<li><a href="#">Gallery</a></li>
			<li><a href="#">Leaders</a></li>
			<li><a href="#">Contacts</a></li>
		</ul>
	</div>	
</div>

<!-- banner部分 -->
<div class="banner">
	<div class="banner-inner">
	<h1>Welcome to Eagles Boy Scout Troops!</h1>
<p>Eagles is one of <a href="#">free web templates</a>created by TemplateMonster.com team.It is optimized for<br>1280×1024 resolution.This <a href="#">Eagles Template</a>goes with two packages-with PSD source files<br>and without them.PSD files are available for the registered members of Template Monster. The<br>basic package (without PSD source)is available for anyone without registration.</p>
         <div class="more" style="margin:20px 0">more</div>
           <img src="images/bag.png" >
	</div>
    
</div>


<!-- main部分 -->
<div class="main">


  <div class="main-inner">
       <img src="images/main_top_03.gif" >  
	<!-- content -->
	<div class="content">
		<h1>Next Event</h1>
		<div class="con-top">
          	
          	<div class="time">
          		<div class="tuesday">
          			<b>Tuesday</b>
          		</div>
          		<b>31</b>
          	</div> 
<p class="lorem">
<b><span style="color:white">Lorem ipsum dolor sit amet,consetetur sadipscing elitr</span> sed diam nonumy eirmod<br>tempor incidunt ut labore et dolore magna aliquyam erat,sed diam voluptua.At vero<br>eos et accusam et justo duo dolores et ea rebum.Set clita kasd gubergren,no sea<br>takimata sanctus ipsum dolor sit amet. <br>
Stet clita kasd gubergren,no sea takimata sancts est Lorem ipsum dolor sit amet<br>lorem ipsum dolor sit amet.</b></p>
      <div class="more" style="margin:35px 80px">more</div>


	</div>

	<div class="con-bottom">
		
         <div class="time">
          		<div class="monday">
          			<b>Monday</b>
          		</div>
          		<b>32</b>
          	</div> 
          	<img src="images/con_bottom_07.gif" >

<p class="stet"><b><span style="color:white">Stet clita kasd gubergren,</span>no sea takimata<br>sanctus est Lorem ipsum dolor sit amet lorem<br>ipsum dolor sit amet.sed diam voluptua.At vero<br>eos et accusam et justo duo dolores et ea<br>rebum. Stet clita kasd gubergren,no sea<br>takimata sanctus est Lorem ipsum dolor sit<br>amet.</b></p>
<div class="clear-box"></div>
  <div class="more" style="margin-left:80px">more</div>

	</div>




	

  </div>

<!-- sidebar部分 -->

<div class="sidebar">
		<div class="sidebar-title">Our Adventures</div>
		<ul>
			<li><a href="#">Lorem ipsum dolor sit amet</a></li>
			<li><a href="#">Consetetur sadipscing elitr sed diam</a></li>
			<li><a href="#">Nonumy eirmod tempor invidunt ut</a></li>
			<li><a href="#">Labore et dolor magna</a></li>
			<li><a href="#">Aliquyam erat sed diam voluptua</a></li>
			<li><a href="#">Vero eos et accusam et justo duo</a></li>
			<li style="border-color:rgb(30,32,32)"><a href="#">Stet clita kasd gubergren</a></li>
			
			
		</ul>

		<div class="troop">
         <h2>Troop # 345 Meetings</h2>
           <img src="images/sidebar_troop_03.gif" >
          <p ><b><span style="color:white">Monday 9:00-12:00</span><br>Lorem ipsum dolor sit amet,consetetur<br>sadipscing elitr sed diam nonumy.</b></p>
         
        </div>






	</div>
<div class="clear-box"></div>

</div>
</div>
   














<!-- footer部分 -->
<div class="footer">
	    	<p>
	    		Eagles Troops © 2012<br>
	    		<a href="#">Website Template</a>by TemplateMonster.com
	    	</p>
           <img src="images/facebook_12.gif">

	</div>


</body>
</html>